<!--已阅列表-->
<template>
    <PageTemplate>
    <div slot="content">
        <!-- <div class="brand" >
            <breadcrumb :arrayName="brand"></breadcrumb>
        </div> -->
        <div class="container">
            <el-row class="search">
                <div class="search-collapse">
                    <el-input :placeholder="$t('adt.task_des')" v-model="keysword" class="search-box"  >
                      <el-button slot="append" icon="el-icon-search" @click="commonSearch"></el-button>
                    </el-input>
                    <!-- <el-button size="small" slot="append" icon="el-icon-search" @click="commonSearch" class="btn-default search-btn"    ></el-button> -->
                </div>
                <el-collapse class="search-collapse-content" @change="advanceSearch"  accordion>
                    <el-collapse-item>
                        <template slot="title" class="search-collapse-title" >
                            <span class="vertical-bar"></span>&nbsp;&nbsp;
                            <span class="title-font" >{{$t(advSearch)}}</span>
                        </template>

                        <!-- 高级搜索具体内容 -->
                        <el-row :gutter="10" class="row-search" >
                            <el-col :span="2">
								<label class="label-search">{{$t('ndt.task_des')}}</label>
							</el-col>
							<el-col :span="6">
								<el-input v-model="taskDes"  class="input-small" ></el-input>
							</el-col>

							<el-col :span="2">
								<label class="label-search">{{$t('ndt.procName')}}</label>
							</el-col>
							<el-col :span="6">
								<el-input v-model="procName"  class="input-small" ></el-input>
							</el-col>

                        </el-row>

                        <!-- 查询和重置按钮-->
                        <el-row :gutter="10" class="row-search">
                            <div class="btn-group-search">
                                <el-col :span="2">&nbsp;</el-col>
                                <el-col :span="6">
                                    <el-button class="btn-default"  @click="advSearchs" size="small">{{$t('adt.query')}}</el-button>
                                    <el-button class="btn-second" @click="reset" style="margin:0;"  size="small" >{{$t('adt.reset')}}</el-button>
                                </el-col>

                            </div>
                        </el-row>

                    </el-collapse-item>
                </el-collapse>
            </el-row>

            <div style="height:15px;background-color:#F1F1F1;"></div>

            <el-row class="table-body">
                <el-table :data="tables"    class="no_line" fixed >
                    <el-table-column :label="$t('adt.proc_pic')" width="80"  >
                        <template slot-scope="scope" >
                                <i style="cursor:pointer;" class="fa fa-file-powerpoint-o" @click="showProcPic(scope.row)" ></i>
                        </template>
                    </el-table-column>
                    <el-table-column  prop="folio" :label="$t('adt.task_des')"  ></el-table-column>
                    <el-table-column  prop="processName" :label="$t('adt.procedure_name')"  ></el-table-column>
                    <el-table-column  prop="actName" :label="$t('adt.transacted_business')"  ></el-table-column>
                    <el-table-column  prop="startTime" :label="$t('adt.send_time')"  ></el-table-column>
                    <el-table-column  prop="status"  :label="$t('adt.status')" width="230" show-overflow-tooltip  ></el-table-column>

                </el-table>
            </el-row>

            <el-row class="table-bottom">
                <el-pagination
                            @size-change="selectPageSize"
                            @current-change="selectPage"
                            @prev-click="lastPage"
                            @next-click="nextPage"
                            :current-page="pageIndex"
                            :page-sizes="[10, 20, 30, 40]"
                            :page-size="pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="total">
                    </el-pagination>
            </el-row>

        </div>
    </div>
    </PageTemplate>
</template>

<script>
import already_read_list from './js/already_read_list'
export default already_read_list
</script>
    
</script>


<style scoped>
.btn-default{
	color: rgb(255, 255, 255);
	background-color: rgb(0, 74, 134);
}
</style>